import Vue from 'vue'
import Router from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(Router)

export default new Router({
    // mode: 'history',
    base: process.env.BASE_URL,
    linkExactActiveClass: "lactive",
    routes: [
        {
            path: '/',
            name: 'home',
            // route level code-splitting
            // this generates a separate chunk (about.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            component: () => import(/* webpackChunkName: "about" */ '../views/Home/Home')
        },
        {
            path: '/project',
            name: 'project',
            component: () => import('../views/Project/Project')
        },
        {
            path: '/projectDetails',
            name: 'projectDetails',
            component: () => import('../views/Project/ProjectDetails')
        },
        {
            path: '/news/:list',
            name: 'news',
            component: () => import('../views/News/News')
        },
        {
            path: '/newsDetails/:sid',
            name: 'newsDetails',
            component: () => import('../views/News/NewsDetails')
        },
        {
            path: '/exhibition',
            name: 'exhibition',
            component: () => import('../views/Exhibition/Exhibition')
        },
        {
            path: '/qa',
            name: 'qa',
            component: () => import('../views/Qa/Qa')
        },
        {
            path: '/question',
            name: 'question',
            component: () => import('../views/Qa/Question')
        },
        {
            path: '/answer',
            name: 'answer',
            component: () => import('../views/Qa/Answer')
        },
        {
            path: '/brand',
            name: 'brand',
            component: () => import('../views/Brand/Brand')
        }
    ]
})
